.my-6 {
  margin-top: 24px;
  margin-bottom: 24px
}

.mr-3 {
  margin-right: 12px
}

.mt-1 {
  margin-top: 4px
}

.mt-5 {
  margin-top: 20px
}

.flex {
  display: flex
}

.list-item {
  display: list-item
}

.h-16 {
  height: 64px
}

.h-28 {
  height: 112px
}

.h-32 {
  height: 128px
}

.h-36 {
  height: 144px
}

.h-auto {
  height: auto
}

.h-full {
  height: 100%
}

.w-12 {
  width: 48px
}

.w-16 {
  width: 64px
}

.w-20 {
  width: 80px
}

.w-24 {
  width: 96px
}

.w-28 {
  width: 112px
}

.w-32 {
  width: 128px
}

.w-36 {
  width: 144px
}

.flex-row {
  flex-direction: row
}

.flex-col {
  flex-direction: column
}

.items-start {
  align-items: flex-start
}

.items-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

.rounded-4xl {
  border-radius: 36px
}

.rounded-full {
  border-radius: 9999px
}

.bg-custom-black {
  background-color: #262626
}

.px-2 {
  padding-left: 8px;
  padding-right: 8px
}

.px-5 {
  padding-left: 20px;
  padding-right: 20px
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px
}

.py-5 {
  padding-top: 20px;
  padding-bottom: 20px
}

.pb-3 {
  padding-bottom: 12px
}

.text-center {
  text-align: center
}

.text-2xl {
  font-size: 24px;
  line-height: 32px
}

.text-4xl {
  font-size: 36px;
  line-height: 40px
}

.text-5xl {
  font-size: 48px;
  line-height: 60px
}

.font-bold {
  font-weight: 700
}

.text-custom-white {
  color: #F2F2F2
}

.text-white {
  color: #fff
}

.text-custom-grey {
  color: #828282
}